@mixin hover-lift {
  transition: transform var(--transition-speed);
  
  &:hover {
    transform: translateY(-5px);
  }
}

@mixin hover-glow {
  position: relative;
  
  &::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    box-shadow: 0 0 20px var(--accent-color);
    opacity: 0;
    transition: opacity var(--transition-speed);
  }
  
  &:hover::after {
    opacity: 0.2;
  }
} 